<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 程序列表 </TITLE>
  	<link type="text/css" href="css/themes/base/jquery.ui.all.css" rel="stylesheet" id="cssfile"/>
	<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
	<script type="text/javascript" src="js/jquery-ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="js/jquery-ui/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="js/jquery-ui/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="js/jquery-ui/jquery.ui.position.js"></script>
	<script type="text/javascript" src="js/jquery-ui/jquery.ui.dialog.js"></script>
	<script type="text/javascript" src="js/joyWindow.js"></script>
	<script type="text/javascript" src="js/jquery.flash.js"></script>
  <script type="text/javascript">

   $(document).ready(function()
		   {	
		$("#pack_href").click(function() { 
				window.location="pack/index.html";
			});
		$("#word_process").click(function()
				{
				window.location="wordPrc/index.html";
			  });
		  
		$("#dialog-message").dialog({autoOpen: false,modal: true, resizable: false,dragable:false});
		$("#about").click(function()
				{
			$("#dialog-message").dialog("open");
			});
   			
   		});

   function changeStyle(name)
   {
	   try{
	   var href="css/themes/"+name+"/jquery.ui.all.css";
	   var fileref=document.createElement("link");
	   fileref.setAttribute("rel", "stylesheet");
	   fileref.setAttribute("type", "text/css");
	   fileref.setAttribute("href", href);
	   document.getElementsByTagName("head")[0].appendChild(fileref);
	   }catch(e)
	   {alert(e);}
	   //css=document.getElementById("cssfile");
	  // document.all.sel.options[0].selected=true;
   }

   
window.onload=function()
{
	var config=new windowConfig();
	config.width=700;
	config.height=500;
	jWindow.initWindow(config);
	//$("#flash_content").flash({src:'ball.swf',width:550,height:400});
}
  </script>
  
  
	<style type="text/css">
	.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
	.demo li { margin: 5px; padding: 5px; width: 300px; height:40px }
	html,body {overflow:hidden}
	body{
	background:#F5F5F5;
	}
	</style>
  
</HEAD>
	<BODY>
<center><img alt="" src="img/gear.gif"></center>
 <div class="demo" align="center">
<ul id="sortabled">
	<li class="ui-state-default">欢迎使用joyWindow</li>
	<li class="ui-state-default"><a id="pack_href" href="#nogo">使用打包工具</a></li>
	<li class="ui-state-default"><a id="word_process" href="#nogo">使用文字处理工具</a></li>
	<li class="ui-state-default"><a id="ftl"  href="vmTest.do">vmTest</a></li>
	<li class="ui-state-default"><A href="ftlTest.do?username=David zhang&num=3&header=manager">freemarker test</A></li>
	
	<li class="ui-state-default"><a id="metro_test"  href="/test/jqMetro.html">Metro test</a></li>
	<li class="ui-state-default"><a id="about"  href="#nogo">关于</a></li>
	<li class="ui-state-default"><A HREF="http://www.baidu.com" target="_new">打开新的链接</A></li>
	
</ul>
</div>

<div id="dialog-message" title="关于" style="display:none">
	<p><font size="2"><img src='aa.jpg' width='15'/>&nbsp;&nbsp;joyWindow是基于java处理与HTML渲染的桌面应用程序。<br>
	version: 1.0 &nbsp;&nbsp;author: David zhang</font></p>
</div>
<!-- 
<img alt="ttt" src="code.ser">
 -->
<!-- 
 <input type="button" onclick="changeStyle('base');" value="base">
 <input type="button" onclick="changeStyle('green');" value="green">
 <input type="button" onclick="changeStyle('sunny');" value="sunny">
 <input type="button" onclick="changeStyle('eggplant');" value="eggplant">
 <input type="button" onclick="changeStyle('ui-darkness');" value="ui-darkness">
 <input type="button" onclick="changeStyle('blitzer');" value="blitzer">
-->
 <div id="flash_content"></div>
 </BODY>
</HTML>
